
import React                from 'react';
import { Link, NavLink }    from 'react-router-dom';
import {AppstoreOutlined,}  from '@ant-design/icons'
class NavSide extends React.Component{
    constructor(props){
        super(props);
    }
    render(){
        return (
            <div className="navbar-default navbar-side">
                <div className="sidebar-collapse">
                    <ul className="nav">
                        <li>
                            <NavLink exact activeClassName="active-menu" to="/">
                                {/* <i className="fa fa-dashboard"></i> */}
                                <AppstoreOutlined/>
                                <span style={{paddingLeft:15}}>首页</span>
                            </NavLink>
                        </li>
                        <li className="active">
                            <Link to="/Ambient">
                                <i className="fa fa-list"></i>
                                <span>环境管理</span>
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/Ambient" activeClassName="active-menu">环境管理</NavLink>
                                </li>

                            </ul>
                        </li>
                        <li className="active">
                            <Link to="/inputHome">
                                <i className="fa fa-check-square-o"></i>
                                <span>用例录入</span>
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/inputHome" activeClassName="active-menu">用例录入</NavLink>
                                </li>
                            </ul>
                        </li>
                        <li className="active">
                            <Link to="/Run">
                                <i className="fa fa-user-o"></i>
                                <span>读取执行</span>
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/Run" activeClassName="active-menu">用例读取</NavLink>
                                </li>
                                <li>
                                    <NavLink to="/RunC" activeClassName="active-menu">用例执行</NavLink>
                                </li>
                            </ul>
                        </li>
                        <li className="active">
                            <Link to="/over">
                                <i className="fa fa-user-o"></i>
                                <span>结果展示</span>
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/over" activeClassName="active-menu">结果展示</NavLink>
                                </li>

                            </ul>
                        </li>
                    </ul>

                </div>

            </div>
        );
    }
}

export default NavSide;